<style>
/*Boton Azul*/
.boton-azul {
    background: #377ad0;
    background-image: linear-gradient(bottom, #3779D0 0%, #52A7E8 100%);
    background-image: -o-linear-gradient(bottom, #3779D0 0%, #52A7E8 100%);
    background-image: -moz-linear-gradient(bottom, #3779D0 0%, #52A7E8 100%);
    background-image: -webkit-linear-gradient(bottom, #3779D0 0%, #52A7E8 100%);
    background-image: -ms-linear-gradient(bottom, #3779D0 0%, #52A7E8 100%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #3779D0),color-stop(1, #52A7E8));
    background-clip: padding-box!important;
    border-top: 1px solid #4081af!important;
    border-right: 1px solid #2e69a3!important;
    border-bottom: 1px solid #20559a!important;
    border-left: 1px solid #2e69a3!important;
    border-radius: 5px!important;
    box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 2px 0 #b3b3b3!important;
    color: #fff!important;
    font-size: 12px!important;
    font-weight: bold!important;
    line-height: 1!important;
    padding: 5px 10px!important;
    text-align: center!important;
    text-shadow: 0 -1px 1px #3275bc!important;
    
}

.boton-azul:hover {
    background: #206bcb;
    background-image: linear-gradient(bottom, #206ACB 0%, #3E9DE5 100%);
    background-image: -o-linear-gradient(bottom, #206ACB 0%, #3E9DE5 100%);
    background-image: -moz-linear-gradient(bottom, #206ACB 0%, #3E9DE5 100%);
    background-image: -webkit-linear-gradient(bottom, #206ACB 0%, #3E9DE5 100%);
    background-image: -ms-linear-gradient(bottom, #206ACB 0%, #3E9DE5 100%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #206ACB),color-stop(1, #3E9DE5));
    background-clip: padding-box!important;
    border-top: 1px solid #2a73a6!important;
    border-right: 1px solid #165899!important;
    border-bottom: 1px solid #07428f!important;
    border-left: 1px solid #165899!important;
    box-shadow: inset 0 1px 0 0 #62b1e9!important;
    cursor: pointer!important;
    text-shadow: 0 -1px 1px #1d62ab!important;
    color: #FFF!important;
}

.boton-azul:active {
    background: #3282d3!important;
    background-clip: padding-box!important;
    border: 1px solid #154c8c!important;
    border-bottom: 1px solid #0e408e!important;
    box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 #fff!important;
    text-shadow: 0 -1px 1px #2361a4!important;
    color: #FFF!important;  
}
</style>

<p>What is jquery? <a href="newTBcontent.html?height=200&amp;width=300" class="thickbox">Answer</a></p>

<a class="boton-azul boton-centro" href="#">
     <span class="boton-text-all-color">Texto del boton</span>
</a>
<a class="boton-azul boton-centro" href="#">
     <span class="boton-text-all-color">Texto del boton</span>
</a>
<a class="boton-azul boton-centro" href="#">
     <span class="boton-text-all-color">Texto del boton</span>
</a>
<a class="boton-azul boton-centro" href="#">
     <span class="boton-text-all-color">Texto del boton</span>
</a>
<a class="boton-azul boton-centro" href="#">
     <span class="boton-text-all-color">Texto del boton</span>
</a>
<a class="boton-azul boton-centro" href="#">
     <span class="boton-text-all-color">Texto del boton</span>
</a>
<a class="boton-azul boton-centro" href="#">
     <span class="boton-text-all-color">Texto del boton</span>
</a>